<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="keywords"
    content="哔哩哔哩, 哔哩哔哩漫画, bilibili 漫画官方网站, 漫画,动画, 原创, 正版, 海贼王, 五等分的新娘, 约定的梦幻岛, 辉夜大小姐想让我告白 ~天才们的恋爱头脑战~, 关于我转生变成史莱姆这档事, 我的英雄学园, 修真聊天群, 乔乔的奇妙冒险, 斗罗大陆, 一拳超人, 灵能百分百, 铳梦" />
  <meta name="description"
    content="哔哩哔哩正版漫画阅读平台, 海量官方漫画连载在线观看, 二次元动漫迷的追漫神器, 热门漫画: 海贼王, 五等分的新娘, 约定的梦幻岛, 辉夜大小姐想让我告白 ~天才们的恋爱头脑战~, 关于我转生变成史莱姆这档事, 我的英雄学园, 修真聊天群, 乔乔的奇妙冒险, 斗罗大陆, 我家大师兄脑子有坑, 一拳超人, 灵能百分百, 铳梦等" />
  <link rel="icon" href="./favicon.ico" />
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/swiper.css">
  <link rel="stylesheet" href="./css/index.css">
  <title>哔哩哔哩漫画 - bilibili 正版漫画平台</title>
</head>

<body>
  <!-- 顶部导航开始 -->
  <nav class="topnav">
    <div class="banxin toflex">
      <!-- logo -->
      <a href="javascript:;" class="logo">
        <div class="logo_text"><img src="./images/logo.png" alt=""><span>哔哩哔哩漫画</span></div>
      </a>
      <!-- 分类导航 -->
      <div class="menu_nav">
        <ul class="nav_list">
          <li class="nav_list_first"><img src="./images/nav-top-icon.png"><span>主站</span>
          </li>
          <li><span style="color:#32aaff ;">首页</span>
            <div class="underline"></div>
          </li>
          <li><span>分类</span></li>
          <li><span>更新</span></li>
        </ul>
      </div>
      <!-- 分类导航结束 -->
      <!-- 右边搜索 -->
      <div class="right_nav">
        <!-- 搜索 -->
        <div class="nav_search">
          <input type="text" class="search_input" placeholder="天宫赐福">
          <div class="search_btn">
            <a href="javascript:;" class="mask_href"></a>
          </div>
        </div>
        <!-- 下载 -->
        <div class="nav_download">
          <span>下载APP</span>
          <div class="tooltip"></div>
        </div>
        <!-- 登录注册 -->
        <div class="nav_login">
          <div class="login">登录</div>
          <div class="line"></div>
          <div class="login">注册</div>
        </div>
      </div>
    </div>
  </nav>
  <!-- 顶部导航结束 -->
  <!-- banner开始 -->
  <div class="banner ">
    <div class="banner_box">
      <div class="banner_box_sm">
        <!-- Swiper -->
        <div class="swiper mySwiper h-100">
          <div class="swiper-wrapper banner_ul">
            <div class="swiper-slide banner_li"><img src="./images/banner.jpg" alt=""></div>
            <div class="swiper-slide banner_li"><img src="./images/banner2.jpg" alt=""></div>
            <div class="swiper-slide banner_li"><img src="./images/banner3.jpg" alt=""></div>
          </div>
          <!-- 小圆点 -->
          <div class="swiper-pagination"></div>
          <!-- 按钮 -->
          <div class="banxin h-100">
            <div class="swiper-button-prev banner_nav_btn btn_left"></div>
            <div class="swiper-button-next banner_nav_btn btn_right"></div>
          </div>
        </div>
        <!-- 遮罩 -->
        <div class="banner_mask mask_left"></div>
        <div class="banner_mask mask_right"></div>
      </div>
    </div>


  </div>
  <!-- banner结束 -->
  <!-- 分类导航 -->
  <div class="nav_all">
    <div class="container">
      <a href="javascript:;">热血</a>
      <a href="javascript:;">古风</a>
      <a href="javascript:;">玄幻</a>
      <a href="javascript:;">奇幻</a>
      <a href="javascript:;">悬疑</a>
      <a href="javascript:;">都市</a>
      <a href="javascript:;">历史</a>
      <a href="javascript:;">武侠仙侠</a>
      <a href="javascript:;">游戏竞技</a>
      <a href="javascript:;">悬疑灵异</a>
      <a href="javascript:;">架空</a>
      <a href="javascript:;">青春</a>
      <a href="javascript:;">西幻</a>
      <a href="javascript:;">现代</a>
      <a href="javascript:;">全部&nbsp;></a>
    </div>
  </div>
  <!-- 分类导航结束 -->
  <!-- 推荐模块 -->
  <div class="recommend banxin">
    <div class="title">
      <div class="title_text">为你推荐</div>
      <div class="next_rec">
        <div class="reload"></div>
        <div class="rec_text">换一批</div>
        <a href="javascript:;" class="mask_href"></a>
      </div>
    </div>
    <div class="comic_list">
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
    </div>
    <div class="comic_list">
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
      <div class="comic-item">
        <div class="cover"></div>
        <div class="comic_title">
          <div class="text">我独自盗墓</div>
        </div>
        <span class="tags">都市</span>
        <a href="javascript:;" class="mask_href"></a>
      </div>
    </div>
  </div>
  <!-- 热门速递 -->
  <div class="hot_rec banxin">
    <div class="header">
      <div class="title">热门速递
      </div>
      <div class="tab active">二次元养老院</div>
      <div class="tab">9.0分以上佳作</div>
      <div class="divider"></div>
      <div class="next_rec">
        <div class="reload"></div>
        <div class="rec_text">换一批</div>
        <a href="javascript:;" class="mask_href"></a>

      </div>
    </div>
    <div class="tab_tabs">
      <div class="tabs">
        <div class="row">
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
        </div>
        <div class="row">
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row1.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">刃牙道</div>
            </div>
            <div class="sub_title">
              <div class="tags">热血</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
        </div>
      </div>
      <div class="tabs">
        <div class="row">
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
        </div>
        <div class="row">
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
          <div class="row_item">
            <div class="cover">
              <img src="./images/row9.jpg" alt="">
            </div>
            <div class="title">
              <div class="text">我的弟子都超神</div>
            </div>
            <div class="sub_title">
              <div class="tags">穿越异界，美女弟子催升级</div>
            </div>
            <a href="javascript:;" class="mask_href"></a>

          </div>
        </div>
      </div>
    </div>
    <script src="./js/swiper.js"></script>
    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>